/**
 * Created by admin on 2018/6/9.
 */
$(function() {
    //tabs 切换
    $('.tabs .tabs-bar').on('click', '.tabs-tab', function() {
        var index = $(this).index();
        $(this).addClass('tabs-tab-active').siblings().removeClass('tabs-tab-active');
        $(this).parents('.tabs').find('.tabs-content .pane').removeClass('pane-active').eq(index).addClass('pane-active');
    });

    scrollLaunch();
    fixTop();
});

/**
 * 定位滚动
 * **/
function scrollLaunch() {
    var $scroll = $('[data-scroll]'),   //滚动导航元素
        $target = $('[data-aim]'),
        $doc = $(document);  //滚动目标
    var scrollIndex = 0;

    $scroll.click(function() {
        var targetName = $(this).attr('data-scroll');
        $target.each(function(index, ele) {
            if($(ele).attr('data-aim') === targetName) {
                scrollTo($(ele).offset().top);
            }
        });
    });
    $doc.scroll(function() {
        throttle(function() {
            $target.each(function(index, ele, arr) {
                var $self = $(this),
                    thisTop = parseInt($self.offset().top);

                // if(thisTop+$self.outerHeight()>$doc.scrollTop() && thisTop <= $doc.scrollTop()){
                //     $self.addClass('active').siblings().removeClass('active');
                //     scrollIndex = index;
                // }
                if(index === $target.length - 1) {
                    if(thisTop <= $doc.scrollTop()) {
                        $self.addClass('active').siblings().removeClass('active');
                        scrollIndex = index;
                    }
                } else {
                    if(thisTop <= $doc.scrollTop() && parseInt($target.eq(index+1).offset().top) > $doc.scrollTop()) {
                        $self.addClass('active').siblings().removeClass('active');
                        scrollIndex = index;
                    }
                }
                
            });
            $scroll.eq(scrollIndex).addClass('active').siblings().removeClass('active');
        })
    })
}
/**
* 页面滚动
* */
function scrollTo(offsetTop) {
    $('html,body').animate({
        'scrollTop': parseFloat(offsetTop)
    }, 400);
}

/**
 * 页面顶部滚动到该元素时，使该元素固定在顶部
 * 给元素添加 data-fix 即可
 * data-fix="10": 10即为距离顶部的距离
 */
function fixTop() {
    var $target = $('[data-fix]'),
        thisTop = $target.offset().top,
        top = parseInt($target.attr('data-fix')) || 0;
    $(document).scroll(function() {
        if(thisTop <= $(this).scrollTop()) {
            $target.css({
                'position': 'fixed',
                'top': top,
                'z-index': 999
            });
            $target.addClass('fixed');
        } else {
            $target.removeAttr('style').removeClass('fixed');
        }
    })
}

/**
 * 节流
 * **/
function throttle(method, context) {
    clearTimeout(method.tId);
    method.tId = setTimeout(function() {
        method.call(context);
    }, 500);
}